<template>
  <div>
    <Search />
    <List :classType="classType" :classTypeData="classTypeData" />
    <Add :classType="classType" :classTypeData="classTypeData" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      classTypeData: [],
    }
  },
  mounted() {
    this.getList();
  },
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    Add: () => import('./Add.vue'),
  },
  props: ['classType'],
  methods: {
    async getList() {
      let res = await this.$store.dispatch('queryWebColumn', this.listQuery)
      this.classTypeData = res.data
    },
  }
}
</script>